﻿<!DOCTYPE html>
<html>
<head>
    <title>
        homework-design-2
    </title>
    <style type="text/css">
        body
        {
            border: 1px solid #000;
            padding:10px;
        }
    </style>
</head>
<body>
    <header>
        <h2>
            <a href="#">LinkedIn</a>
        </h2>
        <ul>
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="#">What is LinkedIn?</a>
            </li>
            <li>
                <a href="#">Join Today</a>
            </li>
            <li>
                <form method="post" action="#">
                    <fieldset>
                        <legend>Sign In</legend>
                        <ul>
                            <li>
                                <label for="mail">Email:</label>
                                <input id="mail" required="required" type="email">
                            </li>
                            <li>
                                <label for="psw">Password:</label>
                                <input id="psw" required="required" type="password">
                            </li>
                            <li>
                                <input value="Sign In" type="submit">
                            </li>
                        </ul>
                    </fieldset>
                </form>
            </li>
        </ul>
    </header>
    <section>
        <hr>
        <article>
            <header>
                <h1>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h1>
            </header>
            <section>
                <ul>
                    <li>Stay informed about your contacts and industry</li>
                    <li>Find the people &amp; knowledge you need to achieve your goals</li>
                    <li>Control your professional identity online</li>
                </ul>
            </section>
        </article>
        <article>
            <header>
                <h2>Join LinkedIn Today</h2>
            </header>
            <section>
                <form method="post" action="#">
                    <fieldset>
                        <legend>Sign Up</legend>                
                        <ul>
                            <li>
                                <label for="firstName">First Name:</label>
                                <div>
                                    <input id="firstName" required="required" type="text">
                                </div>
                            </li>
                            <li>
                                <label for="lastName">Last Name:</label>
                                <div>
                                    <input id="lastName" required="required" type="text">
                                </div>
                            </li>
                            <li>
                                <label for="email1">Email:</label>
                                <div>
                                    <input id="email1" required="required" type="email">
                                </div>
                            </li>
                            <li>
                                <label for="psw1">Password:</label>
                                <div>
                                    <input id="psw1" required="required" type="password">
                                </div>
                            </li>
                        </ul>
                        <p>6 or more characters</p>
                        <p>
                            <input value="Join Now" type="submit">
                            <a href="#">*</a>
                        </p>
                        <p>
                            Already on LinkedIn?
                            <a href="#">Sign in.</a>
                        </p>
                    </fieldset>
                </form>
            </section>
        </article>
        <article> 
            <header>
                <h3>Search for someone by name:</h3>
            </header>
            <section>
                <form method="get" action="#">
                    <ul>
                        <li>
                            <label for="firstn">First Name</label>
                            <input id="firstn" placeholder="First Name" type="text">
                        </li>
                        <li>
                            <label for="secondn">Last Name</label>
                            <input id="secondn" placeholder="Last Name" type="text">
                        </li>
                    </ul>
                    <p><input value="Go" type="submit"></p>
                </form>
            </section>               
        </article>
    </section>
</body>
</html>